<template>
  <div class="register">


      <v-tabs centered center-active="true" v-model="activeTap" class="my-3">

        <v-tab to="/" :key="1">返回首页</v-tab>
        <v-tab  @click="phone=true" :key="2" >电话注册</v-tab>
        <v-tab  @click="phone=false" :key="3">邮箱注册</v-tab>
      </v-tabs>
      <v-container>
      <phone-register v-show="phone"></phone-register>
      <email-register v-show="!phone"></email-register>
      </v-container>

  </div>
</template>
<script>
import PhoneRegister from "@/components/PhoneRegister";
import EmailRegister from "@/components/EmailRegister";
export default {
  name: "register",
  data:()=>({
    phone:true,
    activeTap:1,
  }),
  components:{
    PhoneRegister,
    EmailRegister
  },
}
</script>
<style scoped>

</style>
